/* #ifndef APP-NVUE */
view,text {
	box-sizing: border-box;
}
/* #endif */

// 引入d-din字体
@font-face {
  font-family: 'd-ding'; 
  src: url("~@/static/fonts/D-DINExp.ttf") format('truetype');
}

@font-face {
	font-family: 'd-ding'; 
	src: url("~@/static/fonts/D-DINExp-Bold.ttf") format('truetype');
	font-weight: bold;
}
body{
	--theme-page-bg:#f0f4f5;
	--theme-section-bg:#fff;
	--theme-success: #19be6b;
	--theme-success-dark: #18b566;
	--theme-success-disabled: #71d5a1;
	--theme-success-light: #dbf1e1;
	--theme-warning: #ff9900;
	--theme-warning-dark: #f29100;
	--theme-warning-disabled: #fcbd7c;
	--theme-warning-light: #fdf6ec;
	--theme-danger: #fa3534;
	--theme-danger-dark: #e45656;
	--theme-danger-disabled: #fab6b6;
	--theme-danger-light: #fef0f0;
	--theme-line-one: #9a9998;
	--theme-line-two: #b4b3b1;
	--theme-line-three: #ceccca;
	--theme-line-four: #f5f6f7;
	--theme-text: #606266;
	--theme-text-primary: #303133;
	--theme-text-secondary: #909399;
	--theme-text-auxiliary: #c0c4cc;
	--theme-text-shallow: #8590A6;
	--theme-text-deep: #162a48;
	font-family: "PingFang SC", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}
.section-bg{background-color: var(--theme-section-bg);}
.text-fff{color:#fff!important}
.text-secondary{color:var(--theme-text-secondary)!important}
.text-auxiliary{color:var(--theme-text-auxiliary)!important}
.text-success{color:var(--theme-success)!important}
// .text-success.dark{color:var(--theme-success-dark)!important}
// .text-success.disabled{color:var(--theme-success-disabled)!important}
// .text-success.light{color:var(--theme-success-light)!important}
.text-warning{color:var(--theme-warning)!important}
// .text-warning.dark{color:var(--theme-warning-dark)!important}
// .text-warning.disabled{color:var(--theme-warning-disabled)!important}
// .text-warning.light{color:var(--theme-warning-light)!important}
.text-danger{color:var(--theme-danger)!important}
// .text-danger.dark{background-color:var(--theme-danger)!important}
// .text-danger.disabled{color:var(--theme-danger-disabled)!important}
// .text-danger.light{color:var(--theme-danger-light)!important}
.bg-primary{background-color:var(--theme-primary)}
.bg-success{background-color:var(--theme-success)!important}
.bg-success.dark{background-color:var(--theme-success-dark)!important}
.bg-success.disabled{background-color:var(--theme-success-disabled)!important}
.bg-success.light{background-color:var(--theme-success-light)!important}
.bg-warning{background-color:var(--theme-warning)!important}
.bg-warning.dark{background-color:var(--theme-warning-dark)!important}
.bg-warning.disabled{background-color:var(--theme-warning-disabled)!important}
.bg-warning.light{background-color:var(--theme-warning-light)!important}
.bg-danger{background-color:var(--theme-danger)!important}
.bg-danger.dark{background-color:var(--theme-danger)!important}
.bg-danger.disabled{background-color:var(--theme-danger-disabled)!important}
.bg-danger.light{background-color:var(--theme-danger-light)!important}

.section-title{
	
}

.main-btn{
	border-radius:5px!important;
}

.radius-5{
	border-radius: 5px;
}
.radius-10{
	border-radius: 10px;
}
.radius-15{
	border-radius: 15px;
}
.radius-25{
	border-radius: 25px;
}

.border-5{
	border-radius: 5px;
}
.border-10{
	border-radius: 10px;
}
.border-15{
	border-radius: 15px;
}
.border-25{
	border-radius: 25px;
}
.m-xs{
	padding: 10rpx;
}
.m-t-xs{
	margin-top: 10rpx!important;
}
.m-r-xs{
	margin-right: 10rpx!important;
}
.m-b-xs{
	margin-bottom: 10rpx!important;
}
.m-l-xs{
	margin-left: 10rpx!important;
}
.m-sm{
	padding: 20rpx;
}
.m-t-sm{
	margin-top: 20rpx!important;
}
.m-r-sm{
	margin-right: 20rpx!important;
}
.m-b-sm{
	margin-bottom: 20rpx!important;
}
.m-l-sm{
	margin-left: 20rpx!important;
}
.m-md{
	margin: 30rpx;
}
.m-t-md{
	margin-top: 30rpx!important;
}
.m-r-md{
	margin-right: 30rpx!important;
}
.m-b-md{
	margin-bottom: 30rpx!important;
}
.m-l-md{
	margin-left: 30rpx!important;
}

.p-xs{
	padding: 10rpx;
}
.p-t-xs{
	padding-top: 10rpx!important;
}
.p-r-xs{
	padding-right: 10rpx!important;
}
.p-b-xs{
	padding-bottom: 10rpx!important;
}
.p-l-xs{
	padding-left: 10rpx!important;
}
.p-sm{
	padding: 20rpx;
}
.p-t-sm{
	padding-top: 20rpx!important;
}
.p-r-sm{
	padding-right: 20rpx!important;
}
.p-b-sm{
	padding-bottom: 20rpx!important;
}
.p-l-sm{
	padding-left: 20rpx!important;
}
.p-md{
	padding: 30rpx;
}
.p-t-md{
	padding-top: 30rpx!important;
}
.p-r-md{
	padding-right: 30rpx!important;
}
.p-b-md{
	padding-bottom: 30rpx!important;
}
.p-l-md{
	padding-left: 30rpx!important;
}
.text-xs{
	font-size:25rpx!important;
}
.text-sm{
	font-size:28rpx!important;
}
.text-md{
	font-size: 31rpx!important
}
.text-lg{
	font-size: 33rpx!important;
}
.text-center{
	text-align: center;
}
.position-relative{
	position: relative;
}
.position-absolute{
	position: absolute;
}

.badge{
    font-size: 25rpx;
    background-color: #eee;
    border-radius: 3px;
    padding: 1px 5px;
    color: var(--theme-text-secondary);
    white-space: nowrap;
}

// 字体尺寸
.white-nowrap{
	white-space: nowrap;
}


.number{
	font-family: d-ding!important;
	// font-size: 30rpx;
}
.uni-modal{
	border-radius: 5px!important;
}
.loading{
	position: relative;
	z-index: 99999;
}
.edgeInsetBottom {
	width: 100%;
	height: var(--status-bar-height);
	background-color: transparent;
}
	
/deep/ .uni-tabbar{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
}
	
.status_bar {
	height: var(--status-bar-height);
	width: 100%;
}

// 外部结构件
.conter{
	font-size: $contentSize;
	position: relative;
	margin: 15px 30rpx;
	border-radius: 10px;
	z-index:1;
	// overflow: hidden;
	/* .default-title{
		position: relative;
		padding-bottom: 10px ;
		.title{
			color: rgba(255, 94, 0, 1);
			font-weight: bold;
			font-size: $bigSize;
			z-index: 2;
		}
		.desc{
			position: absolute;
			font-weight: bold;
			z-index: 1;
			color: rgba(255, 94, 0, .1);
			top: 20rpx;
		}
	} */
	.special-title{
		.i-icon{
			position: relative;
			font-weight: lighter;
		}
		color: $incolor-2;
		.title{
			font-size: $titleSize;
			position: relative;
			background-color: #fff;
			padding: 10px 15px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			font-weight: bold;
			color: #333;
		}
		.title::before{
			position: absolute;
			content: '';
			width: 10px;
			height: 10px;
			// border-bottom-left-radius: 10px;
			background-color: #fff;
			right: -10px;
			bottom: 0;
		}
		.title::after{
			position: absolute;
			content: '';
			width: 10px;
			height: 10px;
			border-bottom-left-radius: 10px;
			background-color: var(--theme-page-bg);
			right: -10px;
			bottom: 0;
		}
		.more{
			font-size: $contentSize;
			padding: 0 30rpx;
		}
	}
}
	
// FLEX布局结构
.flex{
	display: flex;
}
.flex-start{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:space-start;
}
.flex-center{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items: center;
}
.flex-between{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:space-between;
}
.flex-align-items{
	align-items: center;
}
.flex-warp-nowarp{
	flex-wrap: nowrap;
}
.flex-column{
	flex-direction:column
}
.flex-1{
	flex:1
}

// 文字色系
.text-weight{
	font-weight: bold;
}
.text-c-title{
	color: #232426;
}
.text-c-aux{
	color: #909193;
}

.font{
	color: $incolor-2!important;
}

.title-part{
	font-size: 28rpx;
	border-bottom: 1px solid var(--theme-line-four);
	.i-icon{
		font-size: 30rpx!important;
	}
}

.top-bar-bg{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 250px;
	//#ifdef H5
	height: 220px;
	//#endif
	overflow: hidden;
	scrollbar-width: none!important;
}
.top-bar-bg::before{
	content: "";
	position: absolute;
	left: 50%;
	top: -100px;
	-webkit-transform: translate(-50%, 0);
	background-color: $maincolor-1;
	width: 200%;
	height: 250px;
	//#ifdef H5
	height: 220px;
	//#endif
	border-radius: 50%;
	overflow: hidden!important;

}

// 背景色系
.bg-blue{
	color: $incolor-5;
	background-color: $auxcolor-3;
}
.bg-orange{
	color: $incolor-5;
	background-color: $auxcolor-2;
}
.bg-red{
	color: $incolor-5;
	background-color: $auxcolor-3;
}
.bg-green{
	color: $incolor-5;
	background-color: $auxcolor-4;
}
	
// 徽章系
.badge{
	box-sizing: border-box;
	font-size: 24rpx;
	padding: 1px 5px;
	background-color: var(--theme-line-four);
	border-radius: 3px;
}

// .badge.light{
// 	color: $incolor-2;
// 	background-color: $incolor-4;
// }
// .badge.line{
// 	padding: 0px 3px;
// }
// .badge-corner{
// 	position: absolute;
// 	font-size: 24rpx;
// 	right: 0;
// 	top: 0;
// 	padding: 2px 6px;
// 	border-radius: 0;
// 	border-top-right-radius:10px;
// 	border-bottom-left-radius: 10px;
// }
// .badge-blue{
// 	color: #fff;
// 	background: $auxcolor-1!important
// }
// .badge-blue.light{
// 	color: $auxcolor-1;
// 	background: #f2f6ff!important
// }
// .badge-blue.line{
// 	color: $auxcolor-1;
// 	background-color: transparent!important;
// 	border:1px solid $auxcolor-1!important;
// }

// .badge-orange{
// 	color: #fff;
// 	background-color: $auxcolor-2!important
// }
// .badge-orange.light{
// 	color: #f08936;
// 	background-color: #f6ebec!important
// }
// .badge-orange.line{
// 	background-color: transparent!important;
// 	color: $auxcolor-2;
// 	background-color: transparent!important;
// 	border:1px solid $auxcolor-2!important;
// }


// .badge-red{
// 	color: #fff;
// 	background: $auxcolor-3!important
// }
// .badge-red.light{
// 	color: $auxcolor-3;
// 	background: #fef0f0!important
// }
// .badge-red.line{
// 	color: $auxcolor-3;
// 	background-color: transparent!important;
// 	border:1px solid $auxcolor-3!important;
// }

// .badge-red-2{
// 	color: #fff;
// 	background: #ff683d!important
// }
// .badge-red-2.light{
// 	color: #ff683d;
// 	background: #fef0f0!important
// }
// .badge-red-2.line{
// 	color: #ff683d;
// 	background-color: transparent!important;
// 	border:1px solid #ff683d!important;
// }

// .badge-green{
// 	color: #fff;
// 	background: $auxcolor-4!important
// }
// .badge-green.light{
// 	color: $auxcolor-4;
// 	background: #f0f9eb!important
// }
// .badge-green.line{
// 	color: $auxcolor-4;
// 	background-color: transparent!important;
// 	border:1px solid $auxcolor-4!important;
// }

// .badge-golden{
// 	border: 1px solid #fdeec2;
// 	background: rgba(255,179,0,.2);
// 	color: #bc8400;
// }


// 会员
.badge-merchant{
	font-size: 23rpx;
	color: #fff;
	background-color: #2d8cf0;
}
.badge-admin{
	font-size: 23rpx;
	color: #fff;
	background-color: #f56c6c;
}
.badge-auth{
	font-size: 23rpx;
	color: #fff;
	background-color: #36b368;
}
.badge-vip.on{
	background:url("./static/images/badge-vip.png") no-repeat 0px 0px;
	// background-size: 100% 100%;
	background-size: 100% auto;
}
.badge-vip{
	// #ifdef H5
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	// #endif
	margin-left: 5px;
	width: 28px;
	height: 14px;
	background:url('./static/images/badge-vip.png') no-repeat 0px -15px;
	// background-size: 100% 100%;
	background-size: 100% auto;
	// background-position: 0px 0px;
}
	
// 积分
// .badge-integral{
// 	background-color: #fcefc3;
// 	color: #7f662d;
// }
	
//　按钮

// .btn{
// 	padding: 25rpx 15px;
// 	text-align: center;
// 	display: block;
// 	background-color: #fff;
// 	// line-height: 2.2;
// 	font-size: $bigSize;
// 	border-radius: 8px;
// 	line-height:normal!important;
// 	border: none!important
// }
// .btn.disabled{
// 	color: $incolor-2!important;
// 	background: $incolor-4!important;
// 	// opacity: .8;
// }
// .btn-xs{
// 	font-size: $titleSize;
// 	padding: 5px;
// }
// .btn-sm{
// 	font-size: $contentSize;
// 	padding: 20rpx 10rpx;
// }

/deep/ .uni-button{
	line-height:normal!important
	// line-height: 1.1;
}
// .btn-radius{
// 	border-radius: 25px;
// }
// .btn-main{
// 	color: var(--mainbackcolor);
// 	background-color: $maincolor-1!important;
// }
// .btn-blue{
// 	color: #fff;
// 	background-color: $auxcolor-3!important;
// }
// .btn-orange{
// 	background-color: $auxcolor-2!important;
// }
// .btn-red{
// 	color: #fff!important;
// 	background-color: $auxcolor-3!important;
// }
// .btn-green{
// 	color: #fff!important;
// 	background-color: $auxcolor-4!important;
// }
// .btn-grey{
// 	color: $incolor-2!important;
// 	background-color: $incolor-4!important;
// }
// 页面通用样式
.page-content.bg::before {
	content: "";
	position: fixed;
	left: 50%;
	top: -100px;
	-webkit-transform: translate(-50%, 0);
	background-color: $maincolor-1;
	width: 200%;
	height: 250px;
	//#ifdef H5
	height: 220px;
	//#endif
	border-radius: 50%;
}
	
// cell单元格样式定义
.u-cell-group{
	background-color: #fff;
	font-size: $contentSize;
	border-radius: 10px;
	overflow: hidden!important;
}
.u-cell-group .u-cell__body{
	padding: 30rpx 15px!important;
}
.u-cell-group .cell-icon{
	display: flex;
	margin-right: 5px;
}
.u-cell-group .cell-title{
	font-size: $contentSize;
	color: #555;
	font-weight: bold;
}
.u-cell-group .cell-value uni-text{
	color: $incolor-2;
	font-size: $contentSize!important;
}
.u-cell-group .u-line{
	border-bottom: 1px solid #f5f5f5!important;
}
.u-cell-group .u-cell:last-child .u-line{
	display: none!important
	
}
.u-cell-group .cell-value{
	font-size: $contentSize;
	color: $incolor-2;
}

//
.u-grid{
	
}
.u-grid-item{
	padding: 30rpx;
}
.u-grid .grid-value{
	font-size: $maxSize;
	font-weight: bold;
}
.u-grid .grid-desc{
	font-size: $contentSize;
	color: $incolor-2;
}

// 模态框表单
.m-modal-form{
	width: 100%;
	.form-item{
		background-color: #f3f3f3;
		border-radius: 25px;
		margin-bottom: 30rpx;
		padding: 20rpx;
		&_label{
			padding: 0 15rpx;
		}
		.input{
			text-align: left;
			font-size: $contentSize;
		}
	}
	.form-item:last-child{
		margin-bottom: 0;
	}
}

// modal表单样式
.modal-form{
	width: 90%;
	&_item{
		background-color: var(--theme-line-four);
		flex-wrap: nowrap;
		border-radius: 25px;
		align-items: center;
		padding: 10px 15px;
		// border: 1px solid #eee;
		margin-bottom: 30rpx;
	}
	&_item:last-child{
		margin-bottom: 0px;
	}
	&_btn{
		margin-left: 10px;
		
	}
	&_btn.b10{
		margin-bottom: 10px;
	}
	// &_btn:last-child{
	// 	margin-bottom: 0px;
	// }
	&_textarea{
		align-items: flex-start;
		border-radius: 5px;
		overflow: hidden;
		
		.textarea{
			width: 100%;
			font-size: $contentSize;
			max-height: 55px;
		}
	}
	&__label{
		width: 60rpx;
	}
	&__inline{
		width: 100%;
		text-align: left;
		padding-left: 10px;
		.input{
			font-size: $contentSize;
		}
	}
	&_tips{
		color: $auxcolor-3;
		margin-top: 10px;
		// background-color: $auxcolor-3;
	}
}

.slot-content{
	width: 100%;
	&_item{
		margin-bottom: 5px;
		text{
			margin: 0 3px;
		}
	}
	&_item:last-child{
		margin-bottom: 0;
	}
}

// .loading-state{
	
// }
.loading-state{
	color: $incolor-2;
	position: relative;
}
.loading-state.orange{
	color: rgba(245, 114, 33, 1);;
}
.loading-state.orange::after{
	background-color: rgba(245, 114, 33, 1);
}
.loading-state.orange::before{
	background-color: rgba(245, 114, 33, .3);
}
.loading-state.green{
	color: rgba(54, 179, 104, 1);
}
.loading-state.green::after{
	background-color: rgba(54, 179, 104, 1);
}
.loading-state.green::before{
	background-color: rgba(54, 179, 104, .3);
}
.loading-state.red{
	color: rgba(238, 88, 69, 1);
}
.loading-state.red::after{
	background-color: rgba(238, 88, 69, 1);
}
.loading-state.red::before{
	background-color: rgba(238, 88, 69, .3);
}
.loading-state::after{
	box-sizing: border-box;
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #999;
	content: '';
	left: -15px;
	top: calc(50% - 2px);
	border-radius: 100%;
}
.loading-state::before{
	box-sizing: border-box;
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #eee;
	content: '';
	left: -17px;
	top: calc(50% - 4px);
	border-radius: 100%;
	animation:zoom 3s infinite;
	animation-direction:alternate; /* 轮流反向播放动画 */
	animation-timing-function: ease-in-out; /* 动画的速度曲线 */
}

// 缩放
@keyframes zoom{
	0%{
		transform: scale(1);  /* 开始为原始大小 */
	}
	25%{
		transform: scale(1.3); /* 放大1.3倍 */
	}
	50%{
		transform: scale(1);
	}
	75%{
		transform: scale(1.3);
	}
}

.edgeInsetBottom {
	width: 100%;
	height: 60rpx;
	background-color: transparent;
}

// 旋转
.rotation{
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
 
    to {
        -webkit-transform: rotate(359deg)
    }
}
 
@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg)
    }
 
    to {
        -moz-transform: rotate(359deg)
    }
}
 
@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg)
    }
 
    to {
        -o-transform: rotate(359deg)
    }
}
@keyframes rotation {
    from {
        transform: rotate(0deg)
    }
 
    to {
        transform: rotate(359deg)
    }
}

// 通用表单样式
.form-warp{
	&_item{
		position: relative;
		overflow: hidden;
		flex-wrap: nowrap;
		width: 100%;
		flex-wrap: nowrap;
		// border: 1px solid #eee;
		background-color: var(--theme-line-four);
	}
	&_item-inline{
		padding-left: 20rpx;
		width: 100%;
	}
	&_item-btn{
		right: 0;
		height: 100%;
		position: absolute;
		// padding-right: 30rpx;
		background-color: var(--theme-line-four);
	}
}
.rel{
	position: relative;
}
.abs{
	position: absolute;
}
.font-weight{
	font-weight: bold;
}



/deep/ .u-tabs__wrapper__nav__item__text{
	font-size: 27rpx!important;
}

.hidden{
	overflow: hidden;
}